<template>
    <div class="carMain">
        <img src="../../assets/img/首页/购物车/空车提示.png" alt="">
        <h1>购物车为空</h1>
        <h2>“空即是饿，饿即是空”</h2>
        <span class="goEit">
            去逛逛
        </span>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.carMain{
    width: 100%;
    height: 250px;
    background-color: #fff;
    border-radius:8px;
    margin:10px 0;
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    img{
        width: 35%;
    }
    h2{
        color:#ABABAB;
        font-size:15px;
    }
    .goEit{
        text-align: center;
        padding:5px 8px;
        border:1px solid #6A6A6A;
        color:#6A6A6A;
        font-size:14px;
        border-radius: 20px;
    }
}
</style>